body
{
    font-family: 'Verdana';
    font-size: 12px;
    background-image: url(../res/layout/background_alderaan.jpg);
    background-attachement: scroll;
    background-position: center center;
    background-repeat: no-repeat;
}
.container
{
    float: left;
    width: 400px;
    border: 1px solid #262626;
}

.admin
{
    border:1px solid #ffff00;
    color:#e2ff66;
    background-color: #262626;
    font-family:'Comic Sans MS';
    font-size:12pt;
    margin:5pt;
    padding:0pt;
    width:100%;
    text-align: left;
    vertical-align: top;
}

table.admin {
    color:#e2ff66;
    border:1px solid #ffff00;
    font-family:'21st Century', fantasy;
    background-color: #262626;
    margin:10px 0pt 15px;
    font-size: 8pt;
    width: 20%;
}

table.admin thead th {
    color: #e2ff66;
    padding: 4px;
    background-color: #262626;
    vertical-align: center;
    text-align: center;
    font-size: 18pt;
}

table.admin tbody td {
    color: #FFFFFF;
    padding: 4px;
    background-color: #262626;
    text-align: left;
}

.admin a
{
    color:#e2ff66;
}

.navcontainer ul
{
    border-right:1px solid #ffff00;
    background-color: #262626;
    border-bottom:1px solid #ffff00;
    border-top:1px solid #ffff00;
    float:left;
    font-family:'21st Century', fantasy;
    font-size:12px;
    margin:5pt;
    padding:0pt;
    width:99%;
}
.navcontainer ul li
{
    display: inline;
    text-align: center;
    vertical-align: center;
}
.navcontainer ul li a:hover
{
    background-color:#262626;
    color:#e2ff66;
}
.navcontainer ul li a
{
    border-left:1px solid #ffff00;
    background-color: #262626;
    font-family:'21st Century', fantasy;
    font-size:20px;
    color:#e2ff66;
    float:left;
    padding:10px;
    text-decoration:none;
    width: 23%;
}
.navcontainer ul li a.current
{
    border-right:1px solid #ffff00;
    background-color: #262626;
    font-weight: bold;
    font-family:'21st Century', fantasy;
    font-size:20px;
    color:#e2ff66;
    float:left;
    padding:10px;
    text-decoration:none;
    width: 23.7%;
}
#tabcontent
{
    min-height: 200px;
    padding-top: 80px;
    padding-left: 10px;
}
#preloader
{
    background-color:#dedede;
    padding:5px;
    border:1px solid #fff;
    position: absolute;
    top: 150px;
    left: 100px;
    z-index: 100;
    text-align: center;
}

p {
    font-size: 12pt;
}

/* tables */
table.overview {
    color:#ffff66;
    font-family:'21st Century', fantasy;
    background-color: #000000;
    margin:10px 0pt 15px;
    font-size: 8pt;
    width: 20%;
    text-align: left;
}

table.tablesorter {
    font-family: 'Comic Sans MS';
    background-color: #CDCDCD;
    margin:10px 0pt 15px;
    font-size: 12pt;
    width: 100%;
    text-align: center;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
    color:#ffff66;
    background-color: #262626;
    border: 1px solid #ffff00;
    font-size: 12pt;
    padding: 4px;
}
table.tablesorter thead tr .header {
    color:#ffff66;
    font-family:'Comic Sans MS';
    background-color:#262626;
    background-image: url(../res/icons/blue_arrow_right.png);
    background-repeat: no-repeat;
    background-position: center right;
    height: 35px;
    cursor: pointer;
    text-align: center;
}
table.tablesorter tbody td {
    color: #FFFFFF;
    padding: 4px;
    background-color: #262626;
    vertical-align: center;
}


table.tablesorter tbody tr.odd td {
    background-color:#000000;
}

table.tablesorter tbody tr.even td {
    background-color:#262626;
}

table.tablesorter thead tr .headerSortUp {
    background-image: url(../res/icons/arrow_up.png);
}

table.tablesorter thead tr .headerSortDown {
    background-image: url(../res/icons/arrow_down.png);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
    background-color: #262626;
}
/* Tooltip */
.tooltip{
    position:absolute;
    z-index:999;
    left:-9999px;
    background-color:#dedede;
    padding:5px;
    border:1px solid #fff;
    width:250px;
}

.tooltip p{
    margin:0;
    padding:0;
    color:#fff;
    background-color:#222;
    padding:2px 7px;
}

.qq-uploader { position:relative; width: 100%;}

.qq-upload-button {
    display:block; /* or inline-block */
    width: 105px; padding: 7px 0; text-align:center;    
    background:#880000; border-bottom:1px solid #ddd;color:#fff;
}
.qq-upload-button-hover {background:#cc0000;}
.qq-upload-button-focus {outline:1px dotted black;}

.qq-upload-drop-area {
    position:absolute; top:0; left:0; width:100%; height:100%; min-height: 70px; z-index:2;
    background:#FF9797; text-align:center; 
}
.qq-upload-drop-area span {
    display:block; position:absolute; top: 50%; width:100%; margin-top:-8px; font-size:16px;
}
.qq-upload-drop-area-active {background:#FF7171;}

.qq-upload-list {margin:15px 35px; padding:0; list-style:disc;}
.qq-upload-list li { margin:0; padding:0; line-height:15px; font-size:12px;}
.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text {
    margin-right: 7px;
}

.qq-upload-file {}
.qq-upload-spinner {display:inline-block; background: url("./res/icons/loading.gif"); width:15px; height:15px; vertical-align:text-bottom;}
.qq-upload-size,.qq-upload-cancel {font-size:11px;}

.qq-upload-failed-text {display:none;}
.qq-upload-fail .qq-upload-failed-text {display:inline;}